.policy-header {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f1edf7' fill-opacity='0.6' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 12px;
}

.policy-body ul {
  @apply ms-4 mt-4 list-disc;
}

.policy-body ol {
  @apply ps-6 mt-4 list-decimal;
}

.policy-body ol[type="a"] {
  list-style-type: lower-alpha;
}

.policy-body ol[type="i"] {
  list-style-type: lower-roman;
}

.policy-body li {
  @apply pb-2;
}

.policy-body p {
  @apply mt-2;
}

@screen md {
  .policy-body ul {
    @apply ms-6;
  }
}

.policy-body h1,
.policy-body h2,
.policy-body h3,
.policy-body h4,
.policy-body h5,
.policy-body h6 {
  @apply mt-4 mb-2 font-bold;
}

.policy-body h1 {
  @apply text-xl md:text-3xl;
}

.policy-body h2 {
  @apply text-lg md:text-2xl;
}

.policy-body h3 {
  @apply text-lg md:text-xl;
}

.policy-body h4,
.policy-body h5,
.policy-body h6 {
  @apply text-lg;
}

.policy-body a {
  @apply underline text-blue-600;
}

.policy-body a:hover {
  @apply text-blue-700;
}

.policy-body hr {
  @apply my-4;
}
